Visual lab

Feature · route-patterns

Route patterns

One layout serves a whole collection: describe the URL once and every entry gets its own page, no pages to create by hand.

shipped 1 variant On the board →
c1

Add a dynamic segment

cutout

once one pass, holds

Cutout on a navy ground: a project's admin panel, Settings → Route patterns with the patterns table, dimmed behind the New route pattern sheet, which keeps the window's right edge in frame and runs off the bottom. The sheet is the admin's own builder: the five pattern templates, the field the segments collect in, the Preview line, Choose a template and Using Cassette. The pattern is one string segment; the cursor arrives on the slug template, a press, and a slug chip lands beside it so the preview resolves to yoursite.url/string/{slug}. One press is the whole idea. At card width the description is dropped and the crop lands under the pattern box.

views/components/visuals/route-patterns/c1.html

Static · three placements

Bento card · 320px Static
KEKererū
Search⌘KRC
Home

General

PagesAssetsFormsMenus

Blogs

Case StudiesJournalArticles

Collections

NavigationTeamLocationsFAQTestimonialsOpening Hours

Settings

Website detailsMeta & SEOSitemapUsersVerified emailsFormsRedirectsRoute patternsCode injectionWebhooks

Route patterns

New pattern
PatternTemplate
/journal/:sluglayouts/article.html
/locations/:sluglayouts/location.html
/work/:sluglayouts/case-study.html
/ambassadors/:sluglayouts/ambassador.html
/people/:sluglayouts/person.html

New route pattern

Pattern

Hint: Use pattern templates below to create a new pattern.

stringslugdatetimenumber
stringslug

Preview: yoursite.url/stringyoursite.url/string/{slug}

TemplateChoose a templateUsing Cassette:default
CreateCancel
Feature row · 560px Static
KEKererū
Search⌘KRC
Home

General

PagesAssetsFormsMenus

Blogs

Case StudiesJournalArticles

Collections

NavigationTeamLocationsFAQTestimonialsOpening Hours

Settings

Website detailsMeta & SEOSitemapUsersVerified emailsFormsRedirectsRoute patternsCode injectionWebhooks

Route patterns

New pattern
PatternTemplate
/journal/:sluglayouts/article.html
/locations/:sluglayouts/location.html
/work/:sluglayouts/case-study.html
/ambassadors/:sluglayouts/ambassador.html
/people/:sluglayouts/person.html

New route pattern

Pattern

Hint: Use pattern templates below to create a new pattern.

stringslugdatetimenumber
stringslug

Preview: yoursite.url/stringyoursite.url/string/{slug}

TemplateChoose a templateUsing Cassette:default
CreateCancel
Hero figure · 880px Static
KEKererū
Search⌘KRC
Home

General

PagesAssetsFormsMenus

Blogs

Case StudiesJournalArticles

Collections

NavigationTeamLocationsFAQTestimonialsOpening Hours

Settings

Website detailsMeta & SEOSitemapUsersVerified emailsFormsRedirectsRoute patternsCode injectionWebhooks

Route patterns

New pattern
PatternTemplate
/journal/:sluglayouts/article.html
/locations/:sluglayouts/location.html
/work/:sluglayouts/case-study.html
/ambassadors/:sluglayouts/ambassador.html
/people/:sluglayouts/person.html

New route pattern

Pattern

Hint: Use pattern templates below to create a new pattern.

stringslugdatetimenumber
stringslug

Preview: yoursite.url/stringyoursite.url/string/{slug}

TemplateChoose a templateUsing Cassette:default
CreateCancel

Animated · once

Feature row · 560px
KEKererū
Search⌘KRC
Home

General

PagesAssetsFormsMenus

Blogs

Case StudiesJournalArticles

Collections

NavigationTeamLocationsFAQTestimonialsOpening Hours

Settings

Website detailsMeta & SEOSitemapUsersVerified emailsFormsRedirectsRoute patternsCode injectionWebhooks

Route patterns

New pattern
PatternTemplate
/journal/:sluglayouts/article.html
/locations/:sluglayouts/location.html
/work/:sluglayouts/case-study.html
/ambassadors/:sluglayouts/ambassador.html
/people/:sluglayouts/person.html

New route pattern

Pattern

Hint: Use pattern templates below to create a new pattern.

stringslugdatetimenumber
stringslug

Preview: yoursite.url/stringyoursite.url/string/{slug}

TemplateChoose a templateUsing Cassette:default
CreateCancel
Tune · ground and placement
Ground
Place

Overrides none — the file's own defaults